<template>
  <div class="app-container">
    <el-card class="box-card">
      <el-button type="primary" @click="handleAdd">发送邮件</el-button>
      <hr>
      <!-- 数据图表 -->

      <div class="group1">
        <chart1></chart1>
        <chart2></chart2>
      </div>

    </el-card>
  </div>
</template>

<script>
import chart1 from './chart1';
import chart2 from './chart2';

export default {
  name: "other",
  dicts: ['person_post', 'sys_user_sex', 'peoson_group', 'contract_type'],
  components: {
    chart1,
    chart2
  },
  data() {
    return {
      // 遮罩层
      loading: true,
    
    }
  },

 
  created() {
  },

  methods: {
    handleAdd() {
      this.$modal.confirm('确定要发送邮件吗？').then(action => {
        this.$modal.msgSuccess("发送成功");
      }).catch(() => { });
    }
  }
};
</script>


<style scoped>
.box-card {
  width: 100%;
}

.group1 {
  display: flex;
}

/* .group1 .chart1 {
  height: 300px;
  width: 40%;
} */
</style>